<!DOCTYPE html>
<html>

<head>


    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>录入信息</title>
    <#include "/header.html">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <script src="${request.contextPath}/statics/plugins/layui/layui.all.js"></script>

</head>

<body>
<style>
    .bootstrap-select{
        width: 100% !important;
    }
</style>
<div id="index">
    <div class="layui-container " style="width: 100%;" id="indexModel">

        <div class="layui-row" style="margin-top: 10px;">
            <div class="layui-col-md3 ">
                <select class="selectpicker" id="siteSelect" title="请选择平台名称"  style="width:100%;">
                    <option value="">请选择平台</option>
                </select>
            </div>
            <div class="layui-col-md3" style="padding-left: 20px;">
                <input type="text" class="form-control" required  id="startTime"  placeholder="请输入日期"  autocomplete="off" >
            </div>
            <div class="layui-col-md3 " style="padding-left: 20px;">
                <a class="btn btn-default" id="search" onclick="reload()">查询</a>
                <a class="btn btn-primary" style="margin-left: 10px;" id="btnadd"><i class="fa fa-plus"></i>&nbsp;录入</a>
                <!--<a class="btn btn-success" href="enteringGroup.html" style="margin-left: 10px;" id="groupSaveBtn"><i class="fa fa-plus"></i>&nbsp;批量录入</a>-->
                <!--<a href="showData.html" style="padding: 10px 10px;background-color: #0C0C0C;color: #FFFFFF;">-->
                    <!--点我-->
                <!--</a>-->
            </div>
        </div>
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title" style="white-space:normal;height: 107px;">
                <li class="layui-this">日活</li>
                <li>安装app</li>
                <!--<li>下载app率</li>-->
                <li>域名成本</li>
                <li>竞价收入</li>
                <li>竞价消耗IP</li>

                <li>二返收入</li>
                <li>聚合页返回键</li>
                <li>内页联盟</li>
                <li>百度联盟</li>

                <li>聚合好物</li>
                <li>聚合内页</li>
                <li>好物转发区</li>

                <li>聚合会员与非会员好物</li>
                <li>暗刷收入</li>
              </ul>
            <div class="layui-tab-content" style="padding: 0;">
                <div class="layui-tab-item layui-show"></div>
            </div>
            <div class="layui-row table-striped" style="padding:0 0px;">
                <table id="bootstrap-table" data-mobile-responsive="true"></table>
            </div>
        </div>


    </div>
</div>

<div class="layui-container" id="addmodel" style="width: 100%;display: none;margin-top: 20px;" >
       <div class="layui-row">
            <div class="layui-col-md12" >
                <div class="layui-form-item" style="width: 500px;">
                    <label class="layui-form-label" style="width: 100px;">类型</label>
                    <div class="layui-input-block" >
                      <select  class="selectpicker"  id="select"  title="请选择类型">
                          <option value="1">日活</option>
                          <option value="2">安装APP</option>
                          <!--<option value="3">下载APP率</option>-->
                          <option value="4">域名成本</option>
                          <option value="5">竞价收入</option>
                          <option value="6">竞价消耗IP</option>

                          <option value="7">二返收入</option>
                          <option value="8">聚合页返回键</option>
                          <option value="9">内页联盟收入</option>
                          <option value="10">百度联盟余量</option>

                          <option value="11">聚合好物</option>
                          <option value="12">聚合内页</option>
                          <option value="13">好物转发区</option>
                          <option value="14">聚合会员与非会员好物</option>
                          <option value="15">暗刷收入</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12" id="selectTypem">
                <div class="layui-form-item" style="width: 500px;">
                    <label class="layui-form-label" style="width: 100px;">平台</label>
                    <div class="layui-input-block" >
                        <select  class="selectpicker"  id="selectType" data-actions-box="true" data-select-all-text="全选" data-deselect-all-text="取消全选"  multiple   title="请选择平台"  ></select>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12" >
                <div class="layui-form-item" style="width: 500px;">
                    <label class="layui-form-label" style="width: 100px;">时间</label>
                    <div class="layui-input-block" >
                        <input type="text" class="form-control" required  id="Time"  placeholder="请输入日期"  autocomplete="off" >
                    </div>
                </div>
            </div>
            <div class="layui-col-md12" id="numm">
                <div class="layui-form-item" style="width: 500px;">
                    <label class="layui-form-label" style="width: 100px;">数量</label>
                    <div class="layui-input-block" >
                        <textarea class="form-control"  placeholder="请输入数量(每输入一个数量按回车键进行换行操作)" id="num"  autocomplete="off" rows="8"></textarea>
                        <!--<input type="text" class="form-control" required   placeholder="请输入数量" id="num"  autocomplete="off">-->
                    </div>
                </div>
            </div>
           <div class="layui-col-md12" id="numm2">
               <div class="layui-form-item" style="width: 500px;">
                   <label class="layui-form-label" style="width: 100px;">数量</label>
                   <div class="layui-input-block" >
                       <input type="text" class="form-control" required  id="num2"  placeholder="请输入数量">
                   </div>
               </div>
           </div>
            <div class="layui-col-md12" style="padding-left: 100px;" >
                <div class="layui-btn" id="btnconfirm">确定</div>
                <div class="layui-btn layui-btn-warm" id="btnreturn">返回</div>
            </div>
        </div>
</div>

<script>
    var inputType = 1;
    $(function(){
        hideSomeInput();
        layui.use(['element','form'], function(){
            var element = layui.element;
            element.on('tab(docDemoTabBrief)', function(data){
               // console.log(data.index)
                if(data.index==0){
                    inputType =1
                }else if(data.index==1){
                    inputType =2
                }
                // else if(data.index==2){
                //     inputType =3
                // }
                else if(data.index == 2){
                    inputType =4
                }else if(data.index == 3){
                    inputType =5
                }else if(data.index == 4){
                    inputType =6
                }else if(data.index == 5){
                    inputType = 7
                }else if(data.index == 6){
                    inputType = 8
                }else if(data.index == 7){
                    inputType = 9
                }else if(data.index == 8){
                    inputType = 10
                }else if(data.index == 9){
                    inputType = 11
                }else if(data.index == 10){
                    inputType = 12
                }else if(data.index == 11){
                    inputType = 13
                }else if(data.index == 12){
                    inputType = 14
                }else if(data.index == 13){
                    inputType = 15
                }
                hideSomeInput();
                reload();
            });
        });
        $("#select").on("change",function () {
            selectChange();
        });
        function selectChange() {
            inputType =  $("#select").val();
            hideSomeInput();
        }
        function hideSomeInput() {
            if(inputType>6){
                $("#numm2").stop().show();
                $("#selectTypem").stop().hide();
                $("#numm").stop().hide();
            }else{
                $("#numm2").stop().hide();
                $("#selectTypem").stop().show();
                $("#numm").stop().show();
            }
         }
        function transNum(data) {
          var numArr = data.split('\n');
          //  console.log(numArr);
           return numArr;
        }
        $('#btnconfirm').on('click',function(){
            if($('#select').val()==''){
                layer.msg('类型不能为空', {icon: 2});
                return;
            }
            if($('#Time').val()==''){
                layer.msg('时间不能为空', {icon: 2});
                return;
            }
            if( (!$('#selectType').val()) && (inputType < 6) ){
                layer.msg('平台不能为空', {icon: 2});
                return;
            }
            if(($('#num').val()=='') && (inputType < 6)){
                layer.msg('数量不能为空', {icon: 2});
                return;
            }
            if(($('#num2').val()=='') && (inputType > 6)){
                layer.msg('数量不能为空', {icon: 2});
                return;
            }
            var params = {
                  inputType:$('#select').val(),
                  statisValue:inputType > 6 ? [$('#num2').val()]:transNum($('#num').val()),
                  platformId:inputType > 6 ? [] : $('#selectType').val(),
                  statisDateStr:$('#Time').val()
            };
            var res = false;
            params.statisValue.map(function (item) {
                if(isNaN(item)){
                    res = true;
                }
            });
            if(inputType < 6){
                if(params.statisValue.length != params.platformId.length){
                    layer.msg('请检查数据长度', {icon: 2});
                    return;
                }
            }
           if(res){
                layer.msg('所填数量只能是数字类型', {icon: 2});
                return;
            }
            var index = layer.load(2);
            $.ajax({
                type : "post",
                url : baseURL+"statisInput/addStatisInput",
                contentType:"application/json",
                data:JSON.stringify(params),
                success: function(data) {
                    layer.close(index);
                    if(data.code==0){
                        layer.msg('录入成功');
                        $('#indexModel').show();
                        $('#addmodel').hide();
                        $('#bootstrap-table').bootstrapTable('refresh');
                    }else{
                        layer.msg('数据获取失败');
                    }
                },
                error:function(){
                    layer.close(index);
                    statsData = false;
                    layer.msg('数据获取失败');
                }
            });
        })
        $('#btnadd').click(function(){
            $('#indexModel').hide();
            $('#addmodel').show();
            $('#select').val('')
            $('#select').selectpicker('refresh');
            $('#selectType').val('');
            $('#selectType').selectpicker('refresh');
            $('#num').val('')
        })
        $('#btnreturn').click(function(){
            $('#indexModel').show();
            $('#addmodel').hide();
        })
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime',
            value: new Date(),
            showBottom: false,
            position: 'fixed',
        });

        laydate.render({
            elem: '#Time',
            value: new Date(),
            showBottom: false,
            position: 'fixed',
        });


        $("#search").attr("disabled","disabled");
        $('#bootstrap-table')
            .bootstrapTable(
                {
                    method : 'post', // 服务器数据的请求方式 get or post
                    url : baseURL + 'statisInput/findStatisInputPage', // 服务器数据的加载地址
                    showRefresh : false,
                    showToggle : false,
                    showColumns : false,
                    //showExport :true,
                    sortable: true,
                    sortName:"dateStr",// 排序列名称
                    sortOrder: "desc",
                    iconSize : 'outline',
                    toolbar : '#exampleToolbar',
                    striped : true, // 设置为true会有隔行变色效果
                    dataType : "json", // 服务器返回的数据类型
                    pagination : true, // 设置为true会在底部显示分页条
                    // queryParamsType : "limit",
                    // //设置为limit则会发送符合RESTFull格式的参数
                    singleSelect : false, // 设置为true将禁止多选
                    // contentType : "application/x-www-form-urlencoded",
                    // //发送到服务器的数据编码类型
                    pageSize : 10, // 如果设置了分页，每页数据条数
                    pageNumber : 1, // 如果设置了分布，首页页码
                    // search : true, // 是否显示搜索框
                    //showColumns : false, // 是否显示内容下拉框（选择显示的列）
                    sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
                    // "server"
                    queryParams : function(params) {
                          return {
                            // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                            limit : params.limit+'',
                            page : ((params.offset/params.limit) + 1)+'',
                            dateTime:$('#startTime').val(),
                            platformId:$('#siteSelect').val(),
                            inputType:inputType+''
                        };
                    },
                    onLoadSuccess:function(){
                        $("#search").attr("disabled",false);
                    },
                    // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                    // queryParamsType = 'limit' ,返回参数必须包含
                    // limit, offset, search, sort, order 否则, 需要包含:
                    // pageSize, pageNumber, searchText, sortName,
                    // sortOrder.
                    // 返回false将会终止请求
                    columns : [
                        {
                            field : 'nickName',
                            align:'center',
                            title : '平台昵称'
                        },
                        {
                            field : 'inputTypeName',
                            align:'center',
                            title : '类型名称'
                        },

                        {
                            field : 'oldValue',
                            align:'center',
                            title : '更改前',
                            formatter : function(value, row,index) {
                                return value?value:0
                            }
                        },
                        {
                            field : 'newValue',
                            align:'center',
                            title : '更改后'
                        },
                        {
                            field : 'statisDate',
                            align:'center',
                            title : '统计时间'
                        },
                        {
                            field : 'createTime',
                            align:'center',
                            title : '录入时间'
                        }]
                });
        $.ajax({
            type : "get",
            url : baseURL+"platform/findAllPlatform",
            dataType : "json",
            success: function(data) {
                if(data.code==0){
                    var _html = ''
                    for(var i=0;i<data.platformList.length;i++){
                        _html = _html + '<option value="'+data.platformList[i].platformId+'">'+data.platformList[i].nickName+'</option>'
                    }
                    $('#siteSelect').append(_html);
                    $('#selectType').append(_html)
                    $('#siteSelect').selectpicker('refresh');
                    $('#selectType').selectpicker('refresh');
                }else{
                    layer.msg('数据获取失败');
                }
            },
            error:function(){
                statsData = false;
                layer.msg('数据获取失败');
            }
        });
    })
    function reload() {
        $("#search").attr("disabled",'disabled');
        // var opt = {
        //     url: baseURL + 'statisInput/findStatisInputPage',
        //     silent: true,
        //     query:{
        //         limit : 10+'',
        //         page : 1+'',
        //         inputType:inputType+'',
        //         dateTime:$('#startTime').val(),
        //         platformId:$('#siteSelect').val()
        //     }
        // };
        //
        // $('#bootstrap-table').bootstrapTable('refresh',
        //     opt);
        $('#bootstrap-table').bootstrapTable('refresh',
            {
                inputType:inputType+'',
                dateTime:$('#startTime').val(),
                platformId:$('#siteSelect').val()
            });

    }
</script>
</body>

</html>